/**
 * Copyright 2016 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import 'common.css';


#nocamera {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: black;
	z-index: 10000;

	#content {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 205px;
		transform: translate(-50%, -50%);
		text-align: center;
		font-family: 'Pixel Operator', monospace;

		* {
			position: relative;
			margin-top: 20px;
			font-size: 20px;
			color: white;
		}

		$iconSize : 60px;

		#camera {
			background-image: url(../images/camera.png);
			background-size: 100% 100%;
			width: $iconSize;
			height: $iconSize;
			margin: 10px auto 30px auto;
		}

		#blurb {
			text-transform: none;
		}

		#restart {
			@mixin yellowLink;
		}

	}

}